<template>
  <div>
    <p>（人员信息--暂无接口--）</p>
    <!-- <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>人员信息</span>
        <el-button style="float: right; padding: 3px 0" type="text" @click="del">删除</el-button>
        <el-button style="float: right; padding: 3px 0;margin-right: 20px" type="text" @click="edit">编辑</el-button>
      </div>
      <div class="text item">
        姓名 赵大海
      </div>
      <div class="text item">
        登陆账号 133********
      </div>
      <div class="text item">
        登陆密码 杭州*****************
      </div>
    </el-card>
    <el-dialog
      title="编辑"
      :visible.sync="dialogVisible"
      width="30%"
      :before-close="handleClose">
      <div>
        <el-form :rules="rules" ref="ruleForm" label-width="100px" size="small" class="demo-ruleForm">
          <el-form-item label="姓名" prop="name">
            <el-input v-model="name"></el-input>
          </el-form-item>
          <el-form-item label="登陆账号" prop="name">
            <el-input v-model="name"></el-input>
          </el-form-item>
          <el-form-item label="登陆密码" prop="name">
            <el-input v-model="name"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false" size="small">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false" size="small">保 存</el-button>
      </span>
    </el-dialog> -->
  </div>

</template>

<script>
export default {
  name: 'goodsReceivingInfo',
  data () {
    return {
      name: '',
      dialogVisible: false,
    }
  },
  methods: {
    del () {
      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$message({
          type: 'success',
          message: '删除成功!'
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        })
      })
    },
    edit () {
      this.dialogVisible = true
    },
    handleClose () {
      this.dialogVisible = false
    }
  }
}
</script>

<style scoped lang="less">
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 480px;
  }
</style>
